<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Welcome to Rocky's personal Website!</title>
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="../style/main.css">
    <link rel="stylesheet" href="../style/colorful.css">
    <link rel="shortcut icon" href="../icons/hoshi.svg" type="image/x-icon">
</head>

<body id="body">
    <div id="rocky_nav">
    </div>
    <div class="nav_gap"></div>
    <div class="rw_frame">
        <img src="../rocky_banner.webp" alt="" class="rocky_welcome _in_up" id="banner">
    </div>
    <div class="r_content">
        <!--<div style="margin: 32px 0 0 0;" id="newYearCountdown"></div>
        <div id="newYearStatus">
            <div id="newYearStatusP"></div>
        </div>!-->
        <div style="margin: 32px 0 32px 0;">
            <h1>Hi! This is Rocky!</h1>
            <p>A cute meow who is a mania of technology and wants to be cuter!</p>
        </div>
        <div class="r_sc _in_down">
            <div class="r_ssc">
                <h3>The unique programmer in the Meow Kingdom.</h3>
                <p>After moving to Meow Kingdom, I became a super energetic
                    meow, with full of curiosity. For those meows who needs to
                    solve their programming related problems, I'll be glad to help!<br>
                    Not just programming problem, I'll also be trying to fix system problems!
                </p>
            </div>
            <div class="r_pf">
                <img src="../index_pic/1.png" alt="Rocky is here ready to help!" class="r_p">
            </div>
        </div>
        <div class="r_sc r_scr _in_down">
            <div class="r_pf">
                <img src="../index_pic/2.png" alt="Rocky is arranging his ribbon!" class="r_p">
            </div>
            <div class="r_ssc">
                <h3>A meow who wants to be cute!</h3>
                <p>I love cute things really much! And I.m also eager to make myself cuter!
                    Although I almost always being misrecognized as a girl, but that doesn't matters!<br>
                    <em>And that's what I want XD</em>
                </p>
            </div>
        </div>
        <div class="r_sc _in_down">
            <div class="r_ssc">
                <h3>A meow who love eating!</h3>
                <p>As a meow, I loves eating delicious things! My favourite food is the meow chocolate
                    cookies! Sometimes, I love it more than how the king Kyuzo does!<br>
                    <em>Note: I'm not super gluttony.</em>
                </p>
            </div>
            <div class="r_pf">
                <img src="../index_pic/3.png" alt="Rocky loves eating meow chocolate cookies!" class="r_p">
            </div>
        </div>
        <div class="r_sc _in_down">
            <div class="r_ssf">
                <p>After all, while you're now in my website...<br>
                    Why don't you take a look around?
                </p>
            </div>
        </div>
        <img src="../index_pic/patting-t-c.png" alt="Hideki is patting Rocky~" class="patting_uwu">
        <div id="footer"></div>
    </div>
    <script>
        function antiPirate() {
            document.addEventListener("contextmenu", function (e) {
                e.preventDefault();
            }, false);
            document.body.onselectstart = () => { return false };
            var tryCount = 0;
            var minimalUserResponseInMiliseconds = 200;
            function check() {
                console.clear();
                before = new Date().getTime();
                debugger;
                after = new Date().getTime();
                if (after - before > minimalUserResponseInMiliseconds) {
                    document.write(" Sorry, in order to prevent the arts being pirated, Developer tools and right clicks are no longer allowed on this site, please understand and cooperate. \n 很抱歉，为了防止盗图行为，本网站不再允许使用开发者工具和右键！请理解并配合。 ")
                    alert(" Sorry, in order to prevent the arts being pirated, Developer tools and right clicks are no longer allowed on this site, please understand and cooperate. \n 很抱歉，为了防止盗图行为，本网站不再允许使用开发者工具和右键！请理解并配合。 ");
                    self.location.replace(
                        window.location.protocol + window.location.href.substring(
                            window.location.protocol.length
                        )
                    );
                } else {
                    before = null;
                    after = null;
                    delete before;
                    delete after;
                }
                setTimeout(check, 100);
            }
            check();

        }
        function disabledEvent(e) {
            if (e.stopPropagation) {
                e.stopPropagation();
            } else if (window.event) {
                window.event.cancelBubble = true;
            }
            alert(" Sorry, in order to prevent the arts being pirated, Developer tools and right clicks are no longer allowed on this site, please understand and cooperate. \n 很抱歉，为了防止盗图行为，本网站不再允许使用开发者工具和右键！请理解并配合。 ");
            e.preventDefault();
            return false;
        }
        setTimeout(function () {
            document.addEventListener("contextmenu", function (e) {
                e.preventDefault();
            }, false);
            document.addEventListener("keydown", function (e) {
                // Ctrl+Shift+I 
                if (e.ctrlKey && e.shiftKey && e.keyCode == 73) {
                    disabledEvent(e);
                }
                // Ctrl+Shift+J 
                if (e.ctrlKey && e.shiftKey && e.keyCode == 74) {
                    disabledEvent(e);
                }
                // Ctrl+S 
                if (e.keyCode == 83 && (navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey)) {
                    disabledEvent(e);
                }
                // Ctrl + U 
                if (e.ctrlKey && e.keyCode == 85) {
                    disabledEvent(e);
                }
                // F12
                if (event.keyCode == 123) {
                    disabledEvent(e);
                }
            }, false);
        }
            , 0)

        setTimeout(antiPirate, 0);

    </script>
    <script src="navbar/navbar.js"></script>
    <script src="footer/footer.js"></script>
    <script src="../bootstrap/js/bootstrap.js"></script>
    <script src="../js/dynamic_banner.js"></script>

</body>

</html>